<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车列表页</title>
		<!--引入bottstrapCss****/-->
		<link rel="stylesheet" type="text/css" href="./bt/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<!--引入bottstrapJS***/-->
		<script src="./js/jquery.11.min.js"></script>
		<script src="./bt/js/bootstrap.min.js"></script>

		<script src="./js/index.js"></script>
	</head>

	<body>
		<!--顶部导航-->
		<div id="top">
			<div class="left">
				<ul class="class">

					<li class="class">
						<a href="">品牌官网</a><span>|</span></li>
					<li class="class">
						<a href="">炫耀官网</a><span>|</span></li>
					<li class="father">
						<div class="title">
							<a href="">软件管理</a><i></i></div>

						<div class="hiden">
							<a href="">开发者联盟</a>
							<a href="">EMU</a>
							<a href="">应用市场</a>
							<a href="">云服务</a>
						</div>

					</li>
					<li class="class">
						<a href="">花粉俱乐部</a><span>|</span></li>
					<li class="class">
						<a href="">Select Regoin</a>
					</li>

				</ul>
			</div>
			<div class="right">
				<ul>
					<li>
						<strong><a href="">登录</a></strong>&nbsp;
						<strong><a href="">注册 </a></strong>

					</li>
					<span>|</span>

					<li>
						<a href="">我的订单</a>

					</li>
					<span>|</span>
					<li>
						<a href="">V码（优购码)</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<a href="">手机版</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<div class="title">
							<a href="" class="font">网站导航</a><i></i>
						</div>
						<div class="hiden">
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
						</div>

					</li>

				</ul>
			</div>
		</div>
		<!--顶部灰条结束-->
		<!--***********************子类继承开始*****************************-->
		<div class="header">
			<div class="shopping">
				<!--logo开始-->
				<div class="logo">
					<a href="mapLink">
						<img src="./images/logo.png" alt="" />
					</a>
				</div>

				<!--logo 结束***8右侧不继承自己自编辑-->
				<div class="list_header_right">
					<!--我的购物车 流程条-->
					<!--<div class="list_header_right_Mycar"> 我的购物车</div>-->
					<div class="list_header_right_checkOrder"> 填写核对订单</div>
					<!--<div class="list_header_right_successOrder">成功递交订单</div>-->

				</div>
			</div>
		</div>
		<!--SC********************************子类继承**************888-->
		<div class="orde_main">
			<!--摸态框-->
			<!-- Modal -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							<h4 class="modal-title" id="myModalLabel">请添加地址</h4>
						</div>
						<!--主体from表单-->
						<form class="form-horizontal" role="form">
							<div class="modal-body">

								<div class="form-group">
									<label for="inputEmail3" class="col-sm-2 control-label">*收货人：</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="inputEmail3" placeholder="请输入姓名">
									</div>
								</div>
								<!--收货地址-->
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-2 control-label">*收获地址</label>
									<div class="col-sm-10">
										<!--下拉菜单-->
										<select name="" class="form-control">
											<option value=""></option>
										</select>
										<!--详细地址 文本域-->
										<textarea class="form-control" rows="3" required="required" placeholder="请输入详细地址">
												
										</textarea>

									</div>
								</div>
								<!--邮编-->
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-2 control-label">邮编：</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="inputEmail3" placeholder="请输邮编">
									</div>
								</div>
								<!--手机号-->
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-2 control-label">*手机号：</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="inputEmail3" placeholder="请输手机号">
									</div>
								</div>
								<!--备选号-->
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-2 control-label">备选号：</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="inputEmail3" placeholder="备选号">
									</div>
								</div>

							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
								<button type="submit" class="btn btn-default">确定</button>
								<!--表单结束-->
						</form>

						</div>
					</div>
				</div>
			</div>
			<!--摸态框结束-->
			<!--如果没有添加地址添加-->
			

			<!--如果添加了订单-->
			<!--地址显示页-->

			<h3 class="orde_main_title">
							收货人信息
					<!-- Button trigger modal -->
					<a type="button"  data-toggle="modal" data-target="#myModal">
					  &nbsp;&nbsp;[使用新的地址]
					</a>
			</h3>
			<div class="show_address">

				<!--表格显示订单-->
				<table class="table table-hover">
					<tr class="background">
						<td width="100">
							<i></i>
							<em>寄送至</em>
						</td>
						<td width="100">
							<input type="radio" name="address" id="address" value="" checked="" />
							<label for="address">安辞同</label>

						</td>
						<td>
							<span>北京北京朝阳区崔各庄地区（崔各庄乡） 顺白路</span><span>收货人： 安辞同</span><span>电话：18674404122</span>
						</td>
						<td width="80">
							默认地址
						</td>
						<td width="50">
							<a href="">修改</a>
						</td>
						<td width="50">
							<a href="" class="glyphicon glyphicon-remove"></a>
						</td>

					</tr>
					<!--第二个地址-->
					<tr>
						<td width="100">
							<i></i>
							<em>寄送至</em>
						</td>
						<td width="100">
							<input type="radio" name="address" id="twoaddress" value="" />
							<label for="twoaddress">安辞同</label>

						</td>
						<td>
							北京北京朝阳区崔各庄地区（崔各庄乡） 顺白路收货人：安辞同电话：18674404122
						</td>
						<td width="80">
							默认地址
						</td>
						<td width="50">
							<a href="">修改</a>
						</td>
						<td width="50">
							<a href="" class="glyphicon glyphicon-remove"></a>
						</td>

					</tr>

				</table>

			</div>
			<!--地址选择结束-->
		<!--发票栏开始-->
			<h3 class="orde_main_title">
			发票信息	<em>(请谨慎选择发票抬头，订单出库后不能修改)</>
			</h3>
			<div class="orde_main_invoice">
				<ul>
					<!--纸质票-->
					<li class="">
						<div class="paper_invoice">
							<input type="radio" name="invoice" id="paper_invoice" value=""/>
							<label for="paper_invoice">纸质发票</label>
							
						</div>
						<!--个人单位-->
						<div id="" class="invoice_item">
							<ul>
								<li>
									<input type="radio" name="item_invoice" id="personage" value=""/>
									<label for="personage">个人</label>
								</li>
								<li>
										<input type="radio" name="item_invoice" id="monad" value=""/>
										<label	for="monad">单位</label>
										<input type="text" name="" id="" value=""  placeholder="输入单位名称"/>
								</li>
							</ul>
						</div>
					</li>
					<!--电子发票-->
					<li class="">
						<div class="paper_invoice">
							<input type="radio" name="invoice" id="paper_invoice" value=""/>
							<label for="paper_invoice">电子发票</label>
							
						</div>
						<!--个人单位-->
						<div id="" class="invoice_item" style="display: none;">
							<ul>
								<li>
									<input type="radio" name="item_invoice" id="personage" value=""/>
									<label for="personage">个人</label>
								</li>
								<li>
									<b>什么是电子发票？</b>
									<ol>
										<br />
										<li>· 开具的电子发票均为真实有效的合法发票，与传统纸质发票具有同等法律效力，可作为用户保修的有效凭据。</li>
										<li>· 在用户确认收货，订单完成后开具电子发票</li>
										<li>· 您在订单详情可下载您的电子发票。<a href="">什么是电子发票？</a></li>
									</ol>
					commodity_list_content_content_title_top			</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p><em>注意：</em> <span style="color: #FF6633;">如果商品由第三方卖家销售，发票内容由其卖家决定，发票由卖家开具并寄出</span></p>
			
				<!--发票栏结束**88-->
			<!--购买商品清单开始-->
			<div class="commodity_list">
				<div class="commodity_list_content">
					<div class="commodity_list_content_content">
						<div class="commodity_list_content_content_title">
							<div class="commodity_list_content_content_title_top">
								以下商品由<b>华为商城</b>选择合作快递配送
								
							</div>
							<div class="commodity_list_content_content_title_top">
								<table class="table">
									<tr>
										<th>商品</th>
										<th width="112">单价（元）</th>
										<th width="120">数量</th>
										<th width="120">小计（元）</th>
									</tr>
									
								</table>	
							</div>
							<div class="commodity_list_content_content_commodity_">
									<table border="0" cellspacing="0" cellpadding="0">
										<tr>
										<td width="844">
											<ul>
												<li><a href="">HUAWEI P9 4GB+64GB 全网通版（琥珀金）</a></li>
												<li><b>[配]</b><a href=""> HUAWEI P9 无边开窗皮套（棕色） </a></li>
												<li><b>[配] </b><a href=""> 荣耀Type C数据线（白色） </a></li>
											</ul>
										</td>
										<td width="112">
											单价￥18555
										</td>
										<td width="120">
											数量5
										</td>
										<td width="120">
											
											小计￥445561.00
										</td>
										
									</tr>
									
									</table>
									
								
								
							</div>
							<!--复制第二个商品-->
								<div class="commodity_list_content_content_commodity_">
									<table border="0" cellspacing="0" cellpadding="0">
										<tr>
										<td width="844">
											<ul>
												<li><a href="">HUAWEI P9 4GB+64GB 全网通版（琥珀金）</a></li>
												
											</ul>
										</td>
										<td width="112">
											单价￥18555
										</td>
										<td width="120">
											数量5
										</td>
										<td width="120">
											
											小计￥445561.00
										</td>
										
									</tr>
									
									</table>
									
								
								
							</div>
							
						</div>
						
					</div>
					<!--商品列表结束-->
					<!--商品总开始-->
					<div class="list_content_Commodity_price">
						<div class="Commodity_price_left">
							
							<div class="order_ticket">
								<input type="checkbox" name="" id="" value="" />
								使用优惠券
								<a href="">（了解优惠券使用规则）</a>
							</div>
							<div class="order_ticket">
								<input type="checkbox" name="" id="" value="" />
								使用花瓣
								<a href="">（使用规则）</a>
								<a href="">(花瓣详情)</a>
							</div>
						
						</div>
						<!--右侧商品总价-->
						<div class="Commodity_price_right">
							<table class="table table">
								
								<tr>
									<td>商品总金额：</td>
									<td>￥<em>25546.33</em></td>
								</tr>
								<tr>
									<td>运费：</td>
									<td>￥<em>441.00</em></td>
								</tr>
								<tr>
									<td>使用优惠券：</td>
									<td>-￥<em>22000</em></td>
								</tr>
								<tr>
									<td>使用花瓣：</td>
									<td>-￥<em>51654</em></td>
								</tr>
								<tr>
									<td>商家活动</td>
									<td>-￥<em>200</em></td>
								</tr>
							</table>
							<p><span>应付金额:</span><b>￥1115156.00</b></p>
							
						</div>
						
					</div>
					
				</div>
				
			</div>
		<!--底部递交订单-->
			<div class="price_bottom">
				<span>应付金额：</span>
				<b> 	￥154164163.222</b>
				<a href="">递交订单</a>				
			</div>

		</div>

		<!--***********************子类继承结束*****************************-->
		<div class="public_footer">
			<!--五百强企业退货开始-->
			<div class="public_footer_slogan">
				<ul>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>

				</ul>
			</div>
			<!--售后服务、-->
			<div class="service">
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

			</div>
			<!--底部友情链接热门搜索-->
			<div class="public_footer_webset">
				<div class="webset_hotLink">
					<p>
						热门华为手机：
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>
				</div>
				<!--协议备案-->
				<div class="web_set_agreement">
					<p>
						<a href="">隐私政策 </a>
						<a href=""> 服务协议</a> email 115566633@sin.com</p>
					<p>
						<a href="">公安网备案555655969156</a>|增值电信业务许可证
						<a href="">网络文化许可118666146416</a>
					</p>
					<div class="webset_over">
						<p>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>

						</p>
					</div>

				</div>
			</div>
			<!--右侧定位点击回顶部-->
			<div class="Right_fixed">

				<a href=""></a>
				<a href=""></a>
				<a href=""></a>

			</div>

		</div>

	</body>

</html>